<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@include file="../../common/tagInclude.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="${basePath}"/>
<link rel="Shortcut Icon" href="${basePath}res/ico/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="${basePath}res/front/css/style_${lg}.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="${basePath}res/front/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="${basePath}res/front/js/style.js"></script>
<title>${cate.name} -- ${job.title} -- ${baseTitle}</title>
</head>
<body>
<%@include file="../include/header-en.jsp"%>
<div class="center son_bg">
  <div class="son_main">
     <div class="son_right">
        <div class="tit"><h2>Loction: <a href="${basePath}${lg}/">Home</a> &gt; <a href="${basePath}${lg}/hr">Join us</a> &gt; 
        <a href="${basePath}${lg}/job?cateId=${cate.cateId}">${cate.name}</a> &gt; ${job.title}</h2></div>
        
       <div class="conn">
		<div class="jobinfo">
           <h2>${job.title}</h2>
           <table width="100%" cellpadding="0" cellspacing="0" border="0">
             <tr>
               <td width="10%">Person Count： </td>	<td width="30%">${job.person}</td> 	<td width="10%">Address：</td> 	<td>${job.address}</td>
             </tr>
             <tr>
               <td width="10%">Department： </td>	<td width="30%">${job.jobDept.name}</td> 	<td width="10%">Contact：</td> 	<td>${job.contact}</td>
             </tr>
           </table>
          </div>
       </div>
       <div class="blank15"></div>
       <div class="jobinfo"><h3>Responsibility：</h3>${job.responsibility}</div>
       <div class="blank15"></div>
       <div class="jobinfo"><h3>Requirement：</h3>${job.requirement}</div>
       <div class="blank15"></div>
       <a href="${basePath}${lg}/job/apply/${cate.cateId}/${job.jobId}" class="btn01">Apply Job</a> <a href="${basePath}${lg}/job?cateId=${cate.cateId}" class="btn02">See All Job</a>
       <div class="blank10"></div>
     </div>
     <div class="son_left">
        <h2>Join us</h2>
        
        <ul class="left_menu">
           <c:forEach var="cate" items="${cateList}">
        		<c:choose>
        			<c:when test="${cate.isJob == 1}">
        				<li><a href="${basePath}${lg}/job?cateId=${cate.cateId}">${cate.name}</a></li>
        			</c:when>
        			<c:otherwise>
         	 			<li><a href="${basePath}${lg}/hr?cateId=${cate.cateId}">${cate.name}</a></li>
        			</c:otherwise>
        		</c:choose>
         	 </c:forEach>
        </ul>
        <%@include file="../include/left-en.jsp" %>
     </div>
     <div class="clearfix"></div>
  </div>
</div>
<%@include file="../include/footer-en.jsp" %>
</body>
</html>
